<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link
      rel="stylesheet"
      href="./styles/global.css" />
    <link
      rel="stylesheet"
      href="./styles/index.css" />
  </head>

  <body>
    <div
      data-radix-popper-content-wrapper=""
      style="
        position: fixed;
        right: 0px;
        bottom: 0px;
        transform: translate(-20px, -80px);
        min-width: max-content;
        --radix-popper-transform-origin: 100% 500px;
        will-change: transform;
        z-index: 50;
        --radix-popper-available-width: 561px;
        --radix-popper-available-height: 862px;
        --radix-popper-anchor-width: 44px;
        --radix-popper-anchor-height: 44px;
      ">
      <div
        data-side="top"
        data-align="end"
        data-state="open"
        role="dialog"
        id="radix-:rac:"
        class="aui-root aui-modal-content"
        tabindex="-1"
        style="
          --radix-popover-content-transform-origin: var(--radix-popper-transform-origin);
          --radix-popover-content-available-width: var(--radix-popper-available-width);
          --radix-popover-content-available-height: var(--radix-popper-available-height);
          --radix-popover-trigger-width: var(--radix-popper-anchor-width);
          --radix-popover-trigger-height: var(--radix-popper-anchor-height);
        ">
        <div class="bg-muted/40 px-3 py-2 border-b">
          <header class="flex gap-2">
            <button
              class="inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground h-9 w-9 shrink-0"
              type="button"
              aria-haspopup="dialog"
              aria-expanded="false"
              aria-controls="radix-:rjc:"
              data-state="closed">
              <svg
                xmlns="http://www.w3.org/2000/svg"
                width="24"
                height="24"
                viewBox="0 0 24 24"
                fill="none"
                stroke="currentColor"
                stroke-width="2"
                stroke-linecap="round"
                stroke-linejoin="round"
                class="lucide lucide-menu size-4">
                <line
                  x1="4"
                  x2="20"
                  y1="12"
                  y2="12"></line>
                <line
                  x1="4"
                  x2="20"
                  y1="6"
                  y2="6"></line>
                <line
                  x1="4"
                  x2="20"
                  y1="18"
                  y2="18"></line></svg
              ><span class="sr-only">Toggle navigation menu</span></button
            ><button
              type="button"
              role="combobox"
              aria-controls="radix-:rjf:"
              aria-expanded="false"
              aria-autocomplete="none"
              dir="ltr"
              data-state="closed"
              class="flex h-9 w-full items-center justify-between whitespace-nowrap rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 [&amp;>span]:line-clamp-1 max-w-[300px]">
              <span style="pointer-events: none"
                ><span class="flex items-center gap-2"
                  ><img
                    alt="GPT 3.5 Turbo"
                    loading="lazy"
                    width="800"
                    height="800"
                    decoding="async"
                    data-nimg="1"
                    class="inline size-4"
                    src="./images/icon-gpt.svg"
                    style="color: transparent" /><span>GPT 3.5 Turbo</span></span
                ></span
              ><svg
                width="15"
                height="15"
                viewBox="0 0 15 15"
                fill="none"
                xmlns="http://www.w3.org/2000/svg"
                class="h-4 w-4 opacity-50"
                aria-hidden="true">
                <path
                  d="M4.93179 5.43179C4.75605 5.60753 4.75605 5.89245 4.93179 6.06819C5.10753 6.24392 5.39245 6.24392 5.56819 6.06819L7.49999 4.13638L9.43179 6.06819C9.60753 6.24392 9.89245 6.24392 10.0682 6.06819C10.2439 5.89245 10.2439 5.60753 10.0682 5.43179L7.81819 3.18179C7.73379 3.0974 7.61933 3.04999 7.49999 3.04999C7.38064 3.04999 7.26618 3.0974 7.18179 3.18179L4.93179 5.43179ZM10.0682 9.56819C10.2439 9.39245 10.2439 9.10753 10.0682 8.93179C9.89245 8.75606 9.60753 8.75606 9.43179 8.93179L7.49999 10.8636L5.56819 8.93179C5.39245 8.75606 5.10753 8.75606 4.93179 8.93179C4.75605 9.10753 4.75605 9.39245 4.93179 9.56819L7.18179 11.8182C7.35753 11.9939 7.64245 11.9939 7.81819 11.8182L10.0682 9.56819Z"
                  fill="currentColor"
                  fill-rule="evenodd"
                  clip-rule="evenodd"></path>
              </svg></button
            ><button
              class="inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground h-9 w-9 ml-auto shrink-0"
              data-state="closed">
              <svg
                xmlns="http://www.w3.org/2000/svg"
                width="24"
                height="24"
                viewBox="0 0 24 24"
                fill="none"
                stroke="currentColor"
                stroke-width="2"
                stroke-linecap="round"
                stroke-linejoin="round"
                class="lucide lucide-share size-4">
                <path d="M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8"></path>
                <polyline points="16 6 12 2 8 6"></polyline>
                <line
                  x1="12"
                  x2="12"
                  y1="2"
                  y2="15"></line></svg
              ><span class="sr-only">Share</span>
            </button>
          </header>
        </div>
        <div class="aui-root aui-thread-root">
          <!-- <div class="aui-thread-viewport-header">
            <svg
              xmlns="http://www.w3.org/2000/svg"
              width="24"
              height="24"
              viewBox="0 0 24 24"
              fill="none"
              stroke="currentColor"
              stroke-width="2"
              stroke-linecap="round"
              stroke-linejoin="round">
              <path d="M12 8V4H8"></path>
              <rect
                width="16"
                height="12"
                x="4"
                y="8"
                rx="2"></rect>
              <path d="M2 14h2"></path>
              <path d="M20 14h2"></path>
              <path d="M15 13v2"></path>
              <path d="M9 13v2"></path>
            </svg>
            <span>AI 智能问答</span>
          </div> -->
          <div class="aui-thread-viewport">
            <div class="aui-user-message-root">
              <div class="aui-user-message-content">
                <p data-status="complete">121</p>
              </div>
            </div>
            <div class="aui-assistant-message-root">
              <span class="aui-avatar-root"><span class="aui-avatar-fallback">A</span></span>
              <div class="aui-assistant-message-content">
                <p data-status="complete">Hello! How can I assist you today?</p>
              </div>
              <div class="aui-branch-picker-root">
                <button
                  class="aui-button aui-button-ghost aui-button-icon"
                  type="button"
                  data-state="closed">
                  <svg
                    xmlns="http://www.w3.org/2000/svg"
                    width="24"
                    height="24"
                    viewBox="0 0 24 24"
                    fill="none"
                    stroke="currentColor"
                    stroke-width="2"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                    class="lucide lucide-chevron-left">
                    <path d="m15 18-6-6 6-6"></path></svg
                  ><span class="aui-sr-only">Previous</span></button
                ><span class="aui-branch-picker-state">4 / 4</span
                ><button
                  class="aui-button aui-button-ghost aui-button-icon"
                  type="button"
                  data-state="closed"
                  disabled="">
                  <svg
                    xmlns="http://www.w3.org/2000/svg"
                    width="24"
                    height="24"
                    viewBox="0 0 24 24"
                    fill="none"
                    stroke="currentColor"
                    stroke-width="2"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                    class="lucide lucide-chevron-right">
                    <path d="m9 18 6-6-6-6"></path></svg
                  ><span class="aui-sr-only">Next</span>
                </button>
              </div>
              <div class="aui-assistant-action-bar-root">
                <button
                  class="aui-button aui-button-ghost aui-button-icon"
                  type="button"
                  data-state="closed">
                  <svg
                    xmlns="http://www.w3.org/2000/svg"
                    width="24"
                    height="24"
                    viewBox="0 0 24 24"
                    fill="none"
                    stroke="currentColor"
                    stroke-width="2"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                    class="lucide lucide-copy">
                    <rect
                      width="14"
                      height="14"
                      x="8"
                      y="8"
                      rx="2"
                      ry="2"></rect>
                    <path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"></path></svg
                  ><span class="aui-sr-only">Copy</span></button
                ><button
                  class="aui-button aui-button-ghost aui-button-icon"
                  type="button"
                  data-state="closed">
                  <svg
                    xmlns="http://www.w3.org/2000/svg"
                    width="24"
                    height="24"
                    viewBox="0 0 24 24"
                    fill="none"
                    stroke="currentColor"
                    stroke-width="2"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                    class="lucide lucide-refresh-cw">
                    <path d="M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8"></path>
                    <path d="M21 3v5h-5"></path>
                    <path d="M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16"></path>
                    <path d="M8 16H3v5"></path></svg
                  ><span class="aui-sr-only">Refresh</span></button
                ><button
                  class="aui-button aui-button-ghost aui-button-icon aui-assistant-action-bar-feedback-positive"
                  type="button"
                  data-state="closed">
                  <svg
                    xmlns="http://www.w3.org/2000/svg"
                    width="24"
                    height="24"
                    viewBox="0 0 24 24"
                    fill="none"
                    stroke="currentColor"
                    stroke-width="2"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                    class="lucide lucide-thumbs-up">
                    <path d="M7 10v12"></path>
                    <path d="M15 5.88 14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 2a3.13 3.13 0 0 1 3 3.88Z"></path></svg
                  ><span class="aui-sr-only">Good response</span></button
                ><button
                  class="aui-button aui-button-ghost aui-button-icon aui-assistant-action-bar-feedback-negative"
                  type="button"
                  data-submitted="true"
                  data-state="closed">
                  <svg
                    xmlns="http://www.w3.org/2000/svg"
                    width="24"
                    height="24"
                    viewBox="0 0 24 24"
                    fill="none"
                    stroke="currentColor"
                    stroke-width="2"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                    class="lucide lucide-thumbs-down">
                    <path d="M17 14V2"></path>
                    <path d="M9 18.12 10 14H4.17a2 2 0 0 1-1.92-2.56l2.33-8A2 2 0 0 1 6.5 2H20a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-2.76a2 2 0 0 0-1.79 1.11L12 22a3.13 3.13 0 0 1-3-3.88Z"></path></svg
                  ><span class="aui-sr-only">Bad response</span>
                </button>
              </div>
            </div>
            <!-- welcome -->
            <!-- <div class="aui-thread-welcome-root">
              <div class="aui-thread-welcome-center">
                <span class="aui-avatar-root"><span class="aui-avatar-fallback">A</span></span>
                <p class="aui-thread-welcome-message">How can I help you today?</p>
              </div>
              <div class="aui-thread-welcome-suggestion-container">
                <button
                  type="button"
                  class="aui-thread-welcome-suggestion">
                  <span class="aui-thread-welcome-suggestion-text">List flights flying from San Francisco to Rome today</span></button
                ><button
                  type="button"
                  class="aui-thread-welcome-suggestion">
                  <span class="aui-thread-welcome-suggestion-text">What is the status of flight BA142?</span>
                </button>
              </div>
            </div> -->
            <div class="aui-thread-viewport-footer">
              <button
                class="aui-button aui-button-outline aui-button-icon aui-thread-scroll-to-bottom"
                type="button"
                disabled=""
                data-state="closed">
                <svg
                  xmlns="http://www.w3.org/2000/svg"
                  width="24"
                  height="24"
                  viewBox="0 0 24 24"
                  fill="none"
                  stroke="currentColor"
                  stroke-width="2"
                  stroke-linecap="round"
                  stroke-linejoin="round"
                  class="lucide lucide-arrow-down">
                  <path d="M12 5v14"></path>
                  <path d="m19 12-7 7-7-7"></path></svg
                ><span class="aui-sr-only">Scroll to bottom</span>
              </button>
              <form class="aui-composer-root">
                <div class="aui-composer-attachments"></div>
                <button
                  class="aui-button aui-button-ghost aui-button-icon aui-composer-attach"
                  type="button"
                  data-state="closed">
                  <svg
                    xmlns="http://www.w3.org/2000/svg"
                    width="24"
                    height="24"
                    viewBox="0 0 24 24"
                    fill="none"
                    stroke="currentColor"
                    stroke-width="2"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                    class="lucide lucide-paperclip">
                    <path d="m21.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l8.57-8.57A4 4 0 1 1 18 8.84l-8.59 8.57a2 2 0 0 1-2.83-2.83l8.49-8.48"></path></svg
                  ><span class="aui-sr-only">Attach file</span></button
                ><textarea
                  name="input"
                  class="aui-composer-input"
                  rows="1"
                  placeholder="Write a message..."
                  style="height: 52px !important"></textarea
                ><button
                  class="aui-button aui-button-primary aui-button-icon aui-composer-send"
                  type="button"
                  data-state="closed">
                  <svg
                    xmlns="http://www.w3.org/2000/svg"
                    width="24"
                    height="24"
                    viewBox="0 0 24 24"
                    fill="none"
                    stroke="currentColor"
                    stroke-width="2"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                    class="lucide lucide-send-horizontal">
                    <path d="M3.714 3.048a.498.498 0 0 0-.683.627l2.843 7.627a2 2 0 0 1 0 1.396l-2.842 7.627a.498.498 0 0 0 .682.627l18-8.5a.5.5 0 0 0 0-.904z"></path>
                    <path d="M6 12h16"></path></svg
                  ><span class="aui-sr-only">Send</span>
                </button>
              </form>
            </div>
          </div>
        </div>
      </div>
    </div>

    <div class="aui-root aui-modal-anchor">
      <button
        class="aui-button aui-button-primary aui-button-icon aui-modal-button"
        data-state="open"
        type="button"
        aria-haspopup="dialog"
        aria-expanded="true"
        aria-controls="radix-:rac:">
        <svg
          xmlns="http://www.w3.org/2000/svg"
          width="24"
          height="24"
          viewBox="0 0 24 24"
          fill="none"
          stroke="currentColor"
          stroke-width="2"
          stroke-linecap="round"
          stroke-linejoin="round"
          class="lucide lucide-bot aui-modal-button-closed-icon"
          data-state="open">
          <path d="M12 8V4H8"></path>
          <rect
            width="16"
            height="12"
            x="4"
            y="8"
            rx="2"></rect>
          <path d="M2 14h2"></path>
          <path d="M20 14h2"></path>
          <path d="M15 13v2"></path>
          <path d="M9 13v2"></path>
        </svg>
        <svg
          xmlns="http://www.w3.org/2000/svg"
          width="24"
          height="24"
          viewBox="0 0 24 24"
          fill="none"
          stroke="currentColor"
          stroke-width="2"
          stroke-linecap="round"
          stroke-linejoin="round"
          class="lucide lucide-chevron-down aui-modal-button-open-icon"
          data-state="open">
          <path d="m6 9 6 6 6-6"></path>
        </svg>
        <span class="aui-sr-only">Close Assistant</span>
      </button>
    </div>
  </body>
</html>
